<style type="text/css">
img.imagen {
	border:1px solid black;
	padding:3px;		
}
div.titulo {
	font-size:18px;
	color: #009;	
	font-weight:bold;
}
#enviar_mensaje {
	display:none;	
}
</style>
<!-- START BLOCK : DISPLAYPERSONA -->
<fieldset class="ui-widget"> 
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Mis Datos Personales</legend>
<table >
<tr>
<td style="width:200px; text-align:center">{foto}</td>
<td style="width:300px" valign="top">
  <h2>{nombre_persona}</h2> <span style="color:#666; font-weight:bold">{rol}</span><br />
  CI: {ci}<br />
  <a href="mailto:{email}">{email}</a><br />
  <strong>Tlf</strong>: {celular}<br />
  <strong>Blackberry PIN</strong>: {bb_pin}<br />
  <strong>Profesi&oacute;n</strong>: {profesion}<br /> 
  {saldo}
  <br />
  <a href="editar_perfil.php"  class="boton">Editar mi Perfil</a>
  <br />
  
</td>
</tr>
</table>
</fieldset>
<br />
<fieldset class="ui-widget">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Intereses</legend>
{intereses}
</fieldset>
<br />
<br />
<!-- END BLOCK : DISPLAYPERSONA -->
<!-- START BLOCK : INFOPERSONA -->
<table >
<tr>
  <td style="width:200px; text-align:center">{foto}</td>
  <td valign="top">
    <div class="titulo">{nombre_persona}</div> 
    <div style="color:#666; font-weight:bold">{rol}</div><br />
    <strong>Miembro desde</strong> {stamp}
    
  </td>
</tr>
</table>
<br />
<br />
<fieldset class="ui-widget">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Intereses</legend>
{intereses}
</fieldset>
<br />
<span id="btn_enviar_mensaje" class="fg-button ui-state-default ui-corner-all">Enviar Mensaje</span>
<script type="text/javascript">
$(function() {
	$("#btn_enviar_mensaje").click(function() {
		$("#enviar_mensaje").show();
		$(this).hide();
		$("textarea[name='mensaje']").focus();
	});
});
</script>
<br />
<div id="enviar_mensaje">
<div>Mensaje para {nombre_persona}</div>
<form method="post" action="{self}">
<input type="hidden" name="id_destinatario" value="{id_persona}" />
<input type="hidden" name="accion" value="enviar_mensaje" />
<textarea name="mensaje" rows="5" cols="40"></textarea>
<br />
<br />
<input type="submit" name="enviar" value="Enviar Mensaje" class="boton" />
</form>
</div>
<!-- END BLOCK : INFOPERSONA -->
<!-- START BLOCK : FORMULARIOAGREGAR -->
<fieldset class="">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Mis Datos Personales</legend>
<form action="{self}" method="post" id="frmpersona">
<table class="tablaform">
<tr>
<td>Nombre</td>
<td><input name="nombre_persona" readonly="readonly" type="text" id="nombre_persona" value="{nombre_persona}" size="30" maxlength="100"></td>
</tr>
<tr>
<td>CI</td>
<td><input type="text" name="ci" value="{ci}" size="15" maxlength="15" readonly="readonly" /></td>
</tr>
<tr>
  <td>Email</td>
  <td><input type="text" name="email" size="30" maxlength="100" value="{email}" readonly="readonly" id="email"></td>
</tr>
<tr>
  <td>Estado</td>
  <td>{comboestado}</td>
  
</tr>
<tr>
  <td>Municipio / Ciudad</td>
  <td>{combomunicipio}</td>
</tr>
<tr>
  <td>Zona / Urbanización</td>
  <td>{combourbanizacion}</td>
</tr>
<tr>
  <td>Celular</td>
  <td><input type="text" name="celular" size="15" maxlength="15" value="{celular}" /></td>
</tr>
<tr>
  <td>BB PIN</td>
  <td><input type="text" name="bb_pin" size="15" maxlength="15" value="{bb_pin}" /></td>
</tr>
<tr>
  <td>Profesi&oacute;n</td>
  <td><input type="text" name="profesion" size="30" maxlength="50" value="{profesion}" /></td>
</tr>
<tr>
  <td>Apodo</td>
  <td><input type="text" name="nick" size="20" maxlength="20" value="{nick}" /></td>
</tr>

</table>
<br clear="all" />
<style type="text/css">
.tablaform tr td {
	font-weight:bold;
}
</style>
<input type="hidden" name="id_referido" id="id_referido" value="{id_referido}" />
<input type="hidden" name="accion" value="agregar">
<input type="hidden" name="id_persona" value="{id_persona}">
<!-- START BLOCK : INTERESES -->
<br />
<fieldset class="ui-widget">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Intereses</legend>
<ul>
<!-- START BLOCK : INTERESESITEM -->
<li><input type="checkbox" name="intereses[]" id="int_{id_categoria}" value="{id_categoria}" /><label for="int_{id_categoria}">{nombre_categoria}</label></li>
<!-- END BLOCK : INTERESESITEM -->
</ul>
</fieldset>
<!-- END BLOCK : INTERESES -->
<br />
<input type="submit" class="boton" name="btn_guardar" value="Aceptar">
<a class="boton" href="perfil.php">Cancelar</a>
</form>
<script type="text/javascript">
$(function() {
	if($("#act_es_profesor").val()=="1") $(".porcentaje").show(); else $(".porcentaje").hide();
	$("input[name='es_profesor']").change(function() {
		$val = $(this).val();
		if($val=="0") $(".porcentaje").hide(); else $(".porcentaje").show();
	});	
	$("#frmpersona").submit(function() {
		if($("#nombre_persona").val().esVacio()){
			alert("Debe escribir el nombre de la persona");
			$("#nombre_persona").focus();
			return false;
		}
		if($("input[name='ci']").val().esVacio()){
			alert("La cedula de identidad es obligatoria");
			$("input[name='ci']").focus();
			return false;
		}
	});
	$("#es_profesor_set").buttonset();
	$("#inactivo_set").buttonset();
	$("#nombre_persona").focus();
	$("#referido").autocomplete({
        source: "./servicios/getNombres.php",
        delay: 200,
        select: function(event, ui) {
            if(ui.item.id!="0") agregar(ui.item.id);
        }
      });
	$("#cmb_id_estado").jCombo("./servicios/getEstados.php?id=", { selected_value : '{id_estado}' } );
    $("#cmb_id_municipio").jCombo("./servicios/getMunicipios.php?id=", { 
					parent: "#cmb_id_estado", 
					parent_value: '{id_estado}', 
					selected_value: '{id_municipio}' 
				});		
    $("#cmb_id_urbanizacion").jCombo("./servicios/getUrbanizaciones.php?id=", { 
					parent: "#cmb_id_municipio", 
					parent_value: '{id_municipio}', 
					selected_value: '{id_urbanizacion}'
	});
});
function agregar($elem) {
	$("#id_referido").val($elem);
};
</script>
</fieldset>
<!-- END BLOCK : FORMULARIOAGREGAR -->
<!-- START BLOCK : AGINTERESES -->
<script type="text/javascript">
$(function() {
	<!-- START BLOCK : AGITEM -->
	$("#int_{id_cat}" ).attr("checked","checked");
	<!-- START BLOCK : AGITEM -->
});
</script>
<!-- END BLOCK : AGINTERESES -->
<!-- START BLOCK : CAMBIOPASSWORD -->
<br />
<fieldset class="ui-widget">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Cambio de  Clave</legend>
<form method="post"  action="{self}">
<input type="hidden" name="id_persona" value="{id_persona}" />
<input type="hidden" name="accion" value="cambio_password" />
<table class="tablagris">
<tr>
<td>Clave Actual</td>
<td><input type="password" name="password_actual" /></td>
</tr>
<tr>
<td>Clave Nueva</td><td><input type="password" name="password" /></td>
</tr>
<tr>
  <td>Repetir Clave Nueva</td><td><input type="password" name="rpassword"  /></td>
  </tr>
<tr>
  <td><span style="padding-left:3px">
    <input type="submit" class="boton" id="btn_cambiar_password" value="Cambiar Clave" />
  </span></td>
  <td>&nbsp;</td>
  </tr>
</table>
</form>
</fieldset>
<!-- END BLOCK : CAMBIOPASSWORD -->
<!-- START BLOCK : AGREGARFOTO -->
<br />
<fieldset>
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Foto de Perfil</legend>
<table>
<tr>
<td>{foto}</td>
</tr>
<tr>
<td>
<form method="post" enctype="multipart/form-data" action="{self}">
<input type="hidden" name="id_persona" value="{id_persona}" />
<input type="hidden" name="accion" value="agregar_foto" />
<input type="hidden" name="verif" value="1" />
<input type="file" name="archivo" />
<input type="submit" class="boton" value="Subir Foto" />
</form>
</td>
</tr>
</table>
</fieldset>
<!-- END BLOCK : AGREGARFOTO -->
<!-- START BLOCK : FORMULARIOPERSONA -->
<fieldset class="ui-widget">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Administracion de personas</legend>
<form method="post" id="miformulario" action="{self}">
<table class="tablada">
<tr>
  <th>&nbsp;</th>
  <th>Profesor/Alumno</th>
  <th>Activo</th>
  <th>Institución</th>
  <th>&nbsp;</th>
  <td rowspan="2">&nbsp;</td>
  <td rowspan="2"><a href="editar_perfil.php" class="boton">Agregar una Persona</a></td>
</tr>
<tr>
<td>
<input type="text" name="texto" size="30" maxlength="40"  value="{texto}" />
</td>
<td>
{combo_es_profesor}
</td>
<td>
{combo_inactivo}
</td>
<td>{combo_instituto}</td>
<td>
  <input type="submit" id="btn_buscar" class="boton" value="Buscar">
</td>
</tr>
</table>
<br />
<div style="padding:3px">
{paginacion}
</div>
</form>
</fieldset>
<script type="text/javascript">
$(function() { 
	$("select[name='pa']").change(function() {		
		document.forms[0].submit();
	});
	$("#miformulario").submit(function() {
		if($("#nombre_persona").val().esVacio()) {
			alert("Debe escribir un nombre valido");
			return false;
		};
	});
	$("input[name='texto']").focus();	
});
</script>
<!-- END BLOCK : FORMULARIOPERSONA -->
<!-- START BLOCK : SINRESULTADOS -->
<div style="color:red">
No se encontraron registros de personas.
</div>
<br />
<br />
<a href="editar_perfil.php" class="boton">Agregar Persona</a>
<!-- END BLOCK : SINRESULTADOS -->
<br />
<br />
<!-- START BLOCK : ARCHIVOSPERSONA -->
<style type="text/css">
table.tablaarchivos tr td, table.tablaarchivos tr th {
	padding:5px;
}
table.tablaarchivos tr td a {
	text-decoration:none;
	color:blue;	
}
table.tablaarchivos tr td a:hover {
	text-decoration:underline;
	color:blue;	
}
table.tablaarchivos tr.linea td {
	border-bottom:1px solid #999;	
}
</style>
<br />
<h3>Archivos del Profesor</h3>
<table class="tablaarchivos" cellpadding="0" cellspacing="0">
<!-- START BLOCK : LAITEM -->
<tr class="linea">
<td><img src="http://dondeaprendo.com/images/folder_link.jpg" border="0" /></td><td>{ruta}</td>
<td style="padding-left:40px;">
{icono}
</td>
<td style="font-size:12px; font-weight:bold;">
  <a href="download.php?ida={id_archivo}&c={codigo}" style="color:blue; text-decoration:none">{name}</a>
</td>
<td style="text-align:right">{size}</td>
</tr>
<!-- END BLOCK : LAITEM -->
<!-- START BLOCK : LATOTAL -->
<tr>
  <td colspan="3" style="padding:8px"><strong>{narchivos} archivos encontrados</strong></td>
  <td style="text-align:right"><strong>{total_size}</strong></td>
  </tr>

<!-- END BLOCK : LATOTAL -->
</table>
<!-- END BLOCK : ARCHIVOSPERSONA -->
